<template>
	<div class="bg-white">
		<Form :label-width="80">
			<Row>
				<Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
					<FormItem class="w-50" label="门禁设备名">
						<Input v-model="menjin.mjid" ></Input>
					</FormItem>
			
					<!-- <FormItem class="w-50" label="所属房间">
						<Input v-model="menjin.rname" disabled></Input>
					</FormItem> -->
					<FormItem class="w-50" label="所属房间">
					<select name="" id="">
						<option value="">散打室</option>
						<option value="">瑜伽室</option>
						<option value="">有氧区</option>
					</select>
					</FormItem>
					
					
					<FormItem class="w-50" label="门禁型号">
						<Input v-model="menjin.model_number" ></Input>
					</FormItem>
				
					<FormItem class="w-50" label="门禁设备授权KEY">
						<Input v-model="menjin.u_key" ></Input>
					</FormItem>
					
				
					<FormItem class="w-50" label="门禁设备序列号">
						<Input v-model="menjin.sn" ></Input>
					</FormItem>
			
					
					<FormItem class="w-50" label="门禁状态">
						<Input v-model="menjin.statu" ></Input>
					</FormItem>
			
			
					<div class="w-100 d-flex justify-content-between align-items-center ">
					<Button class="m-1" type="primary" shape="circle"  >保存</Button>
					</div>
			
				</Col>
			</Row>
		</Form>
	
	</div>
	
	
</template>

<script>
	export default {
		data() {
			return {
				menjin: {
					mjid: "",
					u_id: "",
					rname: "",
					model_number: "",
					u_key: "",
					sn: "",
					statu: "",
				},
			}
		},
		}
</script>

<style>
</style>